﻿@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{
    Layout = "MasterTemplate.cshtml";
	var imageId = Model.Content.GetPropertyValue<int>("mediapicker");
	var image = Umbraco.TypedMedia(imageId);
}

<html lang="en">
<body id="page1">
	<div class="main zerogrid">
<!--header -->	
		@section article {	
		@if ("Contacts".Equals(@Model.Content.Name))
		{
			<article id="content" style="margin-top: 70px;">
			<div class="row"><div class="wrap-col">
					<h2><cufon class="cufon cufon-canvas" alt="Contact " style="width: 110px; height: 33px;"><canvas width="138" height="37" style="width: 138px; height: 37px; top: -2px; left: -1px;"></canvas><cufontext>Contact </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Form" style="width: 71px; height: 33px;"><canvas width="80" height="37" style="width: 80px; height: 37px; top: -2px; left: -1px;"></canvas><cufontext>Form</cufontext></cufon></h2>
					<form id="ContactForm" method="post">
						<div>
							<div class="wrapper">
								<span>Name:</span>
								<div class="bg"><input type="text" class="input"></div>
							</div>
							<div class="wrapper">
								<span>Address:</span>
								<div class="bg"><input type="text" class="input"></div>								
							</div>
							<div class="wrapper">
								<span>Email:</span>
								<div class="bg"><input type="text" class="input"></div>								
							</div>
							<div class="textarea_box">
								<span>Comments:</span>
								<div class="bg"><textarea name="textarea" cols="1" rows="1"></textarea></div>								
							</div>
							<div class="buttons">
							<a href="#" class="button1" onclick="document.getElementById('ContactForm').submit()"><cufon class="cufon cufon-canvas" alt="Send" style="width: 42px; height: 22px;"><canvas width="53" height="24" style="width: 53px; height: 24px; top: -1px; left: -1px;"></canvas><cufontext>Send</cufontext></cufon></a>
							<a href="#" class="button1" onclick="document.getElementById('ContactForm').reset()"><cufon class="cufon cufon-canvas" alt="Clear" style="width: 41px; height: 22px;"><canvas width="58" height="24" style="width: 58px; height: 24px; top: -1px; left: -1px;"></canvas><cufontext>Clear</cufontext></cufon></a>
							</div>
						</div>
					</form>
				</div></div>
				</article>
			}
				<div id="test"></div>	
				</div>
				<div class="bg1">
			<div class="main zerogrid">
				<article id="content2">
					<div class="wrapper">
						<h3><cufon class="cufon cufon-canvas" alt="Our " style="width: 46px; height: 27px;"><canvas width="69" height="30" style="width: 69px; height: 30px; top: -2px; left: -1px;"></canvas><cufontext>Our </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Contacts" style="width: 92px; height: 27px;"><canvas width="111" height="30" style="width: 111px; height: 30px; top: -2px; left: -1px;"></canvas><cufontext>Contacts</cufontext></cufon></h3>
						<div class="col-1-3"><div class="wrap-col">
							<p class="address"><span class="color2">USA</span><br>
									8901 Marmora Road, Glasgow, D04<br>
									<span>Freephone:</span>+1 800 559 6580<br>
									<span>Telephone:</span>+1 800 603 6035<br>
									<span>Fax:</span>+1 800 889 9898<br>
									<span>Email:</span><a href="mailto:">mail@demolink.org</a></p>
						</div></div>
						<div class="col-1-3"><div class="wrap-col">
							<p class="address"><span class="color2">Canada</span><br>
									8901 Marmora Road, Glasgow, D04<br>
									<span>Freephone:</span>+1 800 559 6580<br>
									<span>Telephone:</span>+1 800 603 6035<br>
									<span>Fax:</span>+1 800 889 9898<br>
									<span>Email:</span><a href="mailto:">mail@demolink.org</a></p>
						</div></div>
						<div class="col-1-3"><div class="wrap-col">
							<p class="address"><span class="color2">Mexico</span><br>
									8901 Marmora Road, Glasgow, D04<br>
									<span>Freephone:</span>+1 800 559 6580<br>
									<span>Telephone:</span>+1 800 603 6035<br>
									<span>Fax:</span>+1 800 889 9898<br>
									<span>Email:</span><a href="mailto:">mail@demolink.org</a></p>
						</div></div>
					</div>
				</article>
			</div>
		</div>
			}else{
			<article id="content">
			<div class="wrapper">
					
				<div class="col-1-4"><div class="wrap-col">
				<p>@Model.Content.GetPropertyValue("articlecontent")</p>
					</div></div>
						
				<div class="col-1-4"><div class="wrap-col">
				<p>@Model.Content.GetPropertyValue("articlecontent2")</p>
					</div></div>
												
				<div class="col-1-4"><div class="wrap-col">
				<p>@Model.Content.GetPropertyValue("articlecontent3")</p>
					</div></div>
																		
				<div class="col-1-4"><div class="wrap-col">
				<p>@Model.Content.GetPropertyValue("articlecontent4")</p>
					</div></div>
			</div>
										
			</article>
			
		<div id="test"></div>	
					
		<div class="bg1">
			<div class="main zerogrid">
				<article id="content2">
					<div class="wrapper">
						<div class="col-3-4"><div class="wrap-col">
							<h3>Welcome to Our Company!</h3>
							<div class="wrapper">
							<figure class="left marg_right1"><img src=@image.Url alt=""></figure>
							<p>@Model.Content.GetPropertyValue("lowerarticle")</p>
							</div>	
							<a href="#" class="button1">Read More</a>
						</div></div>
								
						<div class="col-1-4"><div class="wrap-col">
							@Model.Content.GetPropertyValue("sidearticle")
						</div></div>
					</div>
				</article>
			</div>
		</div>
		}
	}
</body>
</html>